<script setup>
import router from "@/router/index.js";
// import '../assets/css/register.css'

function toIndex() {
  router.push("/index")
}
function toOrderList() {
  router.push("/orderList")
}
</script>

<template>
  <!-- 底部菜单部分 -->
  <div class="footer fixed bottom-0 flex w-full border-t border-black h-[80vx] bg-white text-gray-400 text-[20px]">
    <div @click="toIndex" class="homepage flex-col flex-1 p-2 h-0.75 text-center">
      <i class="fas fa-home"></i>
      <p>首页</p>
    </div>
    <div class="flex-1 p-2 h-0.75 flex-col text-center">
      <i class="fas fa-compass"></i>
      <p>发现</p>
    </div>
    <div @click="toOrderList" class="flex-1 p-2 h-0.75 flex-col text-center">
      <i class="fas fa-file-invoice-dollar"></i>
      <p>订单</p>
    </div>
    <div class="flex-1 p-2 h-0.75 flex-col text-center">
      <i class="far fa-user"></i>
      <p>我的</p>
    </div>
  </div>
</template>

<style scoped>

</style>
